<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <title>电子账务系统首页</title>
  <link rel="icon" href="favicon.ico" type="image/ico">
  <meta name="author" content="yinqi">
  <link href="/static/css/bootstrap.min.css" rel="stylesheet">
  <link href="/static/css/materialdesignicons.min.css" rel="stylesheet">
  <link href="/static/css/style.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/static/css/style.css" />
  <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <script type="text/javascript" src="/static/js/script.js"></script>
  <script src="/static/js/jquery-3.1.1.min.js"></script>
  <script src="/static/js/Cookie.js"></script>

</head>

<style>
  .ip1{
    margin-left: 50px;
  }
  .d1{
    font-size: 200%;
  }
</style>
<script>
  $(document).ready(function () {
    let currentCookie = Cookie.get("ticker")
    $.ajax({
      url: "user/getUserName",
      type: "post",
      headers:{
        'Content-Type': 'application/json',
        'access-token': currentCookie,
      },
      success: function (data) {
        if(data.code === 200){
          $("#userName").text(data.data);

          $("#msgSet").append("个人信息设置")
          $("#changepwd").append("修改密码");
          $("#outLogin").append("退出登录");
        } else {
          window.location.href = "/"
        }

      },
      error: function (data) {
        alert("网络错误")
      }
    })

  })
</script>
<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--左侧导航-->
    <aside class="lyear-layout-sidebar">

      <!-- logo -->
      <div id="logo" class="sidebar-header">
        <p></p>
      </div>
      <div class="lyear-layout-sidebar-scroll">

        <nav class="sidebar-main">
          <div class="welcome">
            <div class="left">
              <h1 th:if="${UserName}!=null">Welcome</h1>
              <div  class="d1" th:text="${UserName}"></div>
            </div>
          </div>
          <ul class="nav nav-drawer">
            <li class="nav-item active"> <a href="/toIndex"><i class="mdi mdi-home"></i> 后台首页</a> </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="toBinding" ><i class="mdi mdi-credit-card"></i>绑定银行卡</a>
            </li>

            <li class="nav-item nav-item-has-subnav">
              <a href="toUnbinding" ><i class="mdi mdi-credit-card"></i>解绑银行卡</a>
            </li>

            <li class="nav-item nav-item-has-subnav">
              <a href="toRecharge"><i class="mdi mdi-credit-card-plus"></i>充值</a>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="toWithdrawal" ><i class="mdi mdi-credit-card-plus"></i>提现</a>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="toTransferAccounts" ><i class="mdi mdi-credit-card-plus"></i>转账</a>
            </li>
            <li class="nav-item nav-item-has-subnav">
              <a href="toSelectFlow" ><i class="mdi mdi-content-paste"></i>流水查询</a>
            </li>
<!--            <li class="nav-item nav-item-has-subnav">-->
<!--              <a href="toListCard" ><i class="mdi mdi-content-paste"></i>账户信息</a>-->
<!--            </li>-->
          </ul>
        </nav>
      </div>

    </aside>
    <!--End 左侧导航-->

    <!--头部信息-->
    <header class="lyear-layout-header">

      <nav class="navbar navbar-default">
        <div class="topbar">

          <div class="topbar-left">
            <div class="lyear-aside-toggler">
              <span class="lyear-toggler-bar"></span>
              <span class="lyear-toggler-bar"></span>
              <span class="lyear-toggler-bar"></span>
            </div>
            <span class="navbar-page-title"> 电子账务系统 </span>
            <span th:if="${last_LoginTime}!=null">最后登录时间:</span>
            <span class="w2" id="d2" th:text="${last_LoginTime}"></span>
            <span class="ip1" th:if="${login_Ip}!=null">最后IP地址:</span>
            <span  id="d3" th:text="${login_Ip}"></span>
          </div>
          <ul class="topbar-right">
            <li class="dropdown dropdown-profile">
              <a href="javascript:void(0)" data-toggle="dropdown">
                <span id="userName"></span>
                <span class="caret"></span>
              </a>
              <ul class="dropdown-menu dropdown-menu-right">
                <li> <a href="toProfile" id="msgSet"> <i class="mdi mdi-account"></i> </a> </li>
                <li > <a href="changepwd" id="changepwd"><i class="mdi mdi-lock-outline"></i> </a> </li>
                <li class="divider"></li>
                <li> <a href="javascript:void(0);" id="outLogin" onclick="outLogin()"><i class="mdi mdi-logout-variant"></i></a> </li>
              </ul>
            </li>
            <!--切换主题配色-->
            <li class="dropdown dropdown-skin">
              <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
              <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
                <li class="drop-title"><p>主题</p></li>
                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
                    <label for="site_theme_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
                    <label for="site_theme_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
                    <label for="site_theme_3"></label>
                  </span>
                </li>
                <li class="drop-title"><p>LOGO</p></li>
                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
                    <label for="logo_bg_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
                    <label for="logo_bg_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
                    <label for="logo_bg_3"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
                    <label for="logo_bg_4"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
                    <label for="logo_bg_5"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
                    <label for="logo_bg_6"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
                    <label for="logo_bg_7"></label>
                  </span>
                  <span>
                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
                    <label for="logo_bg_8"></label>
                  </span>
                </li>
                <li class="drop-title"><p>头部</p></li>
                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
                    <label for="header_bg_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
                    <label for="header_bg_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
                    <label for="header_bg_3"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
                    <label for="header_bg_4"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
                    <label for="header_bg_5"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
                    <label for="header_bg_6"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
                    <label for="header_bg_7"></label>
                  </span>
                  <span>
                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
                    <label for="header_bg_8"></label>
                  </span>
                </li>
                <li class="drop-title"><p>侧边栏</p></li>
                <li class="drop-skin-li clearfix">
                  <span class="inverse">
                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
                    <label for="sidebar_bg_1"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
                    <label for="sidebar_bg_2"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
                    <label for="sidebar_bg_3"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
                    <label for="sidebar_bg_4"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
                    <label for="sidebar_bg_5"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
                    <label for="sidebar_bg_6"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
                    <label for="sidebar_bg_7"></label>
                  </span>
                  <span>
                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
                    <label for="sidebar_bg_8"></label>
                  </span>
                </li>
              </ul>
            </li>
            <!--切换主题配色-->
          </ul>

        </div>
      </nav>

    </header>
    <!--End 头部信息-->

    <!--页面主要内容-->
    <main class="lyear-layout-content">
      <div class="wrap">
        <div class="pic1 pic">
          <div class="pic_num1 pic_num"></div>
        </div>
        <div class="pic2 pic">
          <div class="pic_num2 pic_num"></div>
        </div>
        <div class="pic3 pic">
          <div class="pic_num3 pic_num"></div>
        </div>
        <div class="pic4 pic">
          <div class="pic_num4 pic_num"></div>
        </div>
        <div class="pic5 pic">
          <div class="pic_num5 pic_num"></div>
        </div>
        <div class="pic6 pic">
          <div class="pic_num6 pic_num"></div>
        </div>
      </div>
      <div class="container-fluid">

        <div class="row">
          <div class="col-sm-6 col-lg-3">
            <div class="card bg-primary">
              <div class="card-body clearfix">
                <div class="pull-left">
                  <button class="btn btn-default" onclick="getBalance()">查询余额(元)</button>
                </div>
                <div class="pull-right">

                  <p class="h6 text-white m-t-0">可用余额（元）</p>

                  <div>
                    <div class="pull-left"><i class="mdi mdi-currency-cny"></i></div>
                    <div class="pull-right"><p class="h3 text-white m-b-0 fa-1-5x" id="balance" name="balance">---</p></div>
                  </div>
                </div>

              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    <!--End 页面主要内容-->
  </div>
</div>

<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/static/js/main.min.js"></script>

<!--图表插件-->
<script type="text/javascript" src="/static/js/Chart.js"></script>
<script th:inline="javascript" type="text/javascript">
  function outLogin(){
    let currentCookie = Cookie.get("ticker")
    $.ajax({
      url: "toLogin",
      type: "post",
      datatype:"json",
      headers:{
        'Content-Type': 'application/json',
        'access-token': currentCookie,
      },
      success: function (res) {
        if(res.code === 200) {
          window.location.href = "/"
        }
      },
      error: function () {
        alert("网络故障")
      }
    })
  }
  function getBalance(){
    let currentCookie = Cookie.get("ticker")
    $.ajax({
      url: "user/getBalance",
      type: "post",
      datatype:"json",
      headers:{
        'Content-Type': 'application/json',
        'access-token': currentCookie,
      },
      success: function (res) {
        if(res.code === 200){
         $("#balance").text(res.data)
        } else {
          alert(res.message)
        }
      },
      error: function () {
        alert("网络故障")
      }
    })
  }
</script>
</body>
</html>
